<html>
<head>
  <meta charset="UTF-8">
  <script language="javascript" type="text/javascript" src="../../../../lib/p5.js"></script>
  <script language="javascript" type="text/javascript" src="sketch.js"></script>
  <style> body {padding: 0; margin: 0; font-size: 10px } canvas{border: 1px solid #f0f0f0; display: block;} img{ border: 1px solid #f0f;} div{ margin: 10px 0px;}</style>
</head>

<body>
  <div id='textSketch'></div>
  Note: (tight) bounds for a text string <i>may</i> start to the right of the its x-position (blue line)<br />
  <div id='textSketchMono'></div><br />&nbsp;<br />
  Issue #1958:
  <div id='textSketch1958'></div><br />&nbsp;<br />
  <!--div id='textSketch1957'></div-->
  Issue #5181:
  <div id='textSketch5181'></div><br />&nbsp;<br />
</body>
</html>
